﻿@{
    ViewBag.Title = "Quản lý Thành viên hệ thống";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}
<script type="text/javascript">
    $(document).ready(function () {
        makeEventDialog("a.makeAdd")
    });

    function onchangeselectCateIndex() {
        show_Loading();
        var valueId = $("#selectCateIndex").val();
        $.get("/Admin/User/List?RolesId=" + valueId, function (data) {
            $("#DivListData").html("");
            $("#DivListData").html(data);
        });

        $('#box-busy').fadeOut('medium', function () {
            $('#box-busy').css('display', 'none');
        });

        return false;
    }

</script>
<h2>
    Quản lý Thành viên hệ thống</h2>
<fieldset style="width: 48%; float: left; margin-right: 3%;">
    <!-- to make two field float next to one another, adjust values accordingly -->
    <label>
        Tìm kiếm User by Roles</label>
    @Html.DropDownList("ListRoles", null, new { id = "selectCateIndex", onchange = "onchangeselectCateIndex()", style = "width:200px; height:40px; padding:3px" })
</fieldset>
<div class="pageManager">
    <div id="DivListData">
        @Html.Action("List", "User", new { RolesId = 0 })
    </div>
    <a href="/Admin/User/Add" class="bt_green makeAdd" data-dialog-title="Thêm Thành viên hệ thống"
        data-dialog-id="addAdscpage"><span class="bt_green_lft"></span><strong>Tạo mới Thành
            viên hệ thống</strong> <span class="bt_green_r"></span></a>
</div>
